<link rel="stylesheet" href="css/manger_classdetail.css" />
<div class="classDetail am-g am-g-fixed">
	<div class="am-u-sm-6">
		<div class="classStudentInfo">
			<h3>所有班级 > 高一1班</h3>
			<div>
				<div class="titleArea">
					<h4 class="am-inline-block">所有学生 · <span class="studentNum">56</span><span class="studentUnit"> (人)</span></h4>
					<input type="search" placeholder="搜索学生" class="searchInp am-fr"/>
				</div>
				<div class="studentListArea">
					<div class="item">
						<img class="am-circle" src="http://img4q.duitang.com/uploads/item/201505/06/20150506223203_5hiU2.jpeg"/>
						<span class="studentName">陈龙龙</span>
						<img class="sexImg" src="img/manger/男.png"/>
						<span class="sexType">男</span>
						<a class="del am-icon-times-circle-o"> 移除</a>
					</div>
					<div class="item">
						<img class="am-circle" src="http://img4q.duitang.com/uploads/item/201505/06/20150506223203_5hiU2.jpeg"/>
						<span class="studentName">陈龙龙</span>
						<img class="sexImg" src="img/manger/男.png"/>
						<span class="sexType">男</span>
						<a class="del am-icon-times-circle-o"> 移除</a>
					</div>
					<div class="item">
						<img class="am-circle" src="http://img4q.duitang.com/uploads/item/201505/06/20150506223203_5hiU2.jpeg"/>
						<span class="studentName">陈龙龙</span>
						<img class="sexImg" src="img/manger/男.png"/>
						<span class="sexType">男</span>
						<a class="del am-icon-times-circle-o"> 移除</a>
					</div>
					<div class="item">
						<img class="am-circle" src="http://img4q.duitang.com/uploads/item/201505/06/20150506223203_5hiU2.jpeg"/>
						<span class="studentName">陈龙龙</span>
						<img class="sexImg" src="img/manger/男.png"/>
						<span class="sexType">男</span>
						<a class="del am-icon-times-circle-o"> 移除</a>
					</div>
					<div class="item">
						<img class="am-circle" src="http://img4q.duitang.com/uploads/item/201505/06/20150506223203_5hiU2.jpeg"/>
						<span class="studentName">陈龙龙</span>
						<img class="sexImg" src="img/manger/男.png"/>
						<span class="sexType">男</span>
						<a class="del am-icon-times-circle-o"> 移除</a>
					</div>
				</div>
			</div>
		</div>
	</div>
  	<div class="am-u-sm-6">
  		<div class="classInfo">
  			<h3>科目与教师</h3>
  			<ul>
  				<li>
  					<span class="subject">英语小班一对一（2）</span>
  					<span class="teacher">陈龙龙</span>
  					<a class="del am-icon-times-circle-o"> 删除</a>
  				</li>
  				<li>
  					<span class="subject">英语小班一对一（2）</span>
  					<span class="teacher">陈龙龙</span>
  					<a class="del am-icon-times-circle-o"> 删除</a>
  				</li>
  				<li>
  					<span class="subject">英语小班一对一（2）</span>
  					<span class="teacher">陈龙龙</span>
  					<a class="del am-icon-times-circle-o"> 删除</a>
  				</li>
  			</ul>
  		</div>
  		
  		<div class="barcodeArea">
  			<h3>二维码与序列号</h3>
  			<table class="am-table am-table-striped am-table-hover am-table-bordered">
				<tr>
		            <td>学生序列号</td>
		            <td>教师序列号</td>
		        </tr>
		        <tr>
		            <td>10000000000</td>
		            <td>20000000000</td>
		        </tr>
		        <tr>
		            <td>学生二维码</td>
		            <td>教师二维码</td>
		        </tr>
		        <tr>
		            <td>
		            	<img src="img/manger/衔接课.png"/>
		            </td>
		            <td>
		            	<img src="img/manger/衔接课.png"/>
		            </td>
		        </tr>
  			</table>
  			<button class="am-btn download am-icon-download">&nbsp;&nbsp;&nbsp;点击下载</button>
  		</div>
  	</div>
</div>